@charset "utf-8";
/* CSS Document */
html,body,
h1,h2,h3,h4,h5,h6,
p,dl,dt,dd,ul,ol
{
	margin:0;
	padding:0;
}
img{
     border:0 none;
}
img { vertical-align:middle;}

ul,ol{ list-style:none}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}

html{ overflow-x:hidden;}
body,input{ -webkit-text-size-adjust:none;line-height:1.5; font:normal 16px 'Microsoft YaHei','\5B8B\4F53','黑体',Arial,sans-serif;outline:none;}
a { text-decoration:none; color:#333;}
a:focus{outline:0;}
.clearfix:after { clear:both; display:block; height:0; visibility:hidden; overflow:hidden; content:'.'}
* html .clearfix { zoom:1}
*+html .clearfix { min-height:1px}
.tc{ text-align:center;}
.fl{ float:left;}
.fr{ float:right;}
.of{overflow:hidden}
.omit{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hide{display:none !important;}
.no-margin{margin:0 !important;}
.vh{visibility:hidden !important;}
.inline{display:inline-block;*display:inline;*zoom:1;}
.vt{vertical-align:top;}
.vm{vertical-align:middle;}
.vb{vertical-align:bottom;}
/***************************************************main***************************************************/
body{background: #f6f7f9;font-family: "微软雅黑";}
/*登录样式*/
#outer{width:1000px;margin:0 auto;overflow: hidden;}
#outer .logo{text-align: center;margin:145px 0 56px 0;}
#outer .logo img{width:265px;height:84px;}
#outer .login-way{text-align: center;font-size: 18px;margin-bottom: 16px;}
#outer .login-way .login-account{color:#666;vertical-align: middle;}
#outer .login-way .bg-line{display: inline-block;width:1px;height: 17px;background:#cbcbcb;margin:0 22px;vertical-align: middle;}
#outer .login-way .login-weiixn{color:#84cd48;vertical-align: middle;}
#outer .login-way .login-weiixn img{width:22px;height:18px;}
#outer .login-panel{width:525px;height: 278px;background: #fff;border-radius: 3px;position: relative;margin: 0 auto 178px;padding-top:62px;border:1px solid #ecedf0;box-shadow: 0 0 1px 1px #f1f2f5;}
#outer .login-panel .login-input{position: relative;margin:0 auto;margin-bottom: 25px;width:414px;height: 44px;line-height: 3;}
#outer .login-panel .login-input .login-input-txt{border:1px solid #dee0e3;width:336px;height:42px;padding:0 38px;color:#bbb;font-size: 14px;border-radius: 3px;}
#outer .login-panel .login-input .login-input-txt:focus{color:#666;border-color:#57c3fb;}
#outer .login-panel .login-input .login-input-txt-short{padding: 0 15px;width: 220px;}
#outer .login-panel .login-input .vertify-code{line-height:44px;margin-left:8px;}
#outer .login-panel .login-input img.prefix{position: absolute;left:12px;top:11px;width:20px;height:20px;}
#outer .login-panel .login-input .img-code{width:86px;height: 44px;}
#outer .login-panel .login-input .refresh{color:#57c3fb;margin-left:10px;}
#outer .login-panel .login-input .refresh:hover{text-decoration: underline;color:#1bd9f9;}
#outer .login-panel .login-input .error-tip{position: absolute;width:180px;height: 34px;left:0;top:-50px;line-height: 34px;border:1px solid #d7d9dc;color:#f35050;font-size: 14px;border-radius: 3px;z-index: 20;}
#outer .login-panel .login-input .error-tip img{margin: 0 8px 0 12px;width:18px;height:18px;}
#outer .login-panel .login-input .error-tip em.triangle{color:#d7d9dc;font-size: 30px;left:47px;top:16px;}
#outer .login-panel .login-input .error-tip span.triangle{font-size: 30px;left:47px;top:15px;}
#outer .login-panel .login-footer{text-align: center;}
#outer .login-panel .login-footer input{border:none;width:414px;height:44px;line-height: 44px;color:#fff;font-size: 14px;background: #57c3fb;border-radius: 3px;cursor: pointer;}
#outer .login-panel em.triangle{position: absolute;font-size:50px;font-style: normal;left:319px;top:-35px;color:#ecedf0;}
#outer .login-panel span.triangle{position: absolute;font-size: 50px;color:#fff;left:319px;top:-34px;}
#outer .login-panel-other{padding-top: 40px;height: 300px;}
#outer .login-panel-other em.triangle{left:170px;top:-35px;}
#outer .login-panel-other span.triangle{left:170px;top:-34px;}
#outer .login-panel .code{text-align: center;}
#outer .login-panel .code img{width:215px;height:215px;}
#outer .login-panel .scan-tip{color:#bbb;font-size: 14px;text-align: center;margin-top: 30px;}
#outer .line{width:1000px;height:1px;background: #dcdfe2;margin-bottom: 23px;}
#outer .copy-right{color:#bbb;font-size: 12px;text-align: center;margin-bottom: 7px;}
/*头部样式*/
.header{background: #ffac37;height:50px;position: relative;z-index:10;min-width: 1000px;}
.header .header-con{width:1000px;height:50px;line-height: 50px;margin:0 auto;}
.header-con .left-side img{margin:0 26px 0 37px;width:111px;height:45px;}
.header-con .left-side img.split-point{width:2px;height:12px;margin:0 0 0 0;}
.header-con .left-side span{vertical-align: middle;color:#fff;font-size: 12px;padding-left:12px;}
.header-con .right-side .right-side-list{margin-right: 15px;border-left:1px solid #ee9d2b;height:50px;}
.header-con .right-side .right-side-list li{float: left;}
.header-con .right-side .right-side-list li a{display: inline-block;width:50px;height:50px;text-align: center;line-height: 50px;}
.header-con .right-side .right-side-list li a:hover{background: #ee9d2b;}
.header-con .right-side .right-side-list li a img{width:22px;height:22px;}
.header .logout{position: absolute;top:60px;background: #fff;width:154px;height:36px;line-height: 36px;border:1px solid #cdcdcd;border-radius: 3px;font-size: 12px;}
.header .logout span.title{color:#969696;margin-left: 8px;display: inline-block;width:75px;}
.header .logout a.btn{display: inline-block;width:30px;height: 22px;line-height: 22px;text-align: center;border-radius: 3px;}
.header .logout a.btn-cancel{background: #dcdedf;color:#969696;}
.header .logout a.btn-confirm{background:#58b8fa;color:#fff;}
.header .logout em.triangle{position: absolute;font-size:30px;font-style: normal;right:15px;top:-20px;color:#cdcdcd;}
.header .logout span.triangle{position: absolute;font-size: 30px;color:#fff;right:15px;top:-19px;}

/*主体内容样式*/
.content{width:1000px;margin: 0 auto;}
/*主体导航栏样式*/
.content .navi{background: #414141;width:180px;position: relative;z-index: 3;}
.content .navi .navi-bg{background: #414141;position: fixed;top:0;width:180px;height:100%;z-index:-1;}
.content .navi .user-info{height:179px;text-align: center;color:#fff;}
.content .navi .user-info img{width:90px;height:90px;border-radius: 50%;margin:20px 0 10px;}
.content .navi .user-info .user-name{font-size: 18px;margin-bottom: 8px;}
.content .navi .user-info .user-type{font-size: 14px;margin-bottom: 23px;}
.content .navi .navi-list li{position: relative;}
.content .navi .navi-list li a{display: block;height:70px;line-height: 70px}
.content .navi .navi-list li a span{vertical-align: middle;font-size: 14px;color:#7b7b7b;}
.content .navi .navi-list li a span.spirit{margin:21px 14px 21px 32px;display: inline-block;width:28px;height:28px;background: url(../img/Dashboard/spirit.png) no-repeat;background-size:56px 224px; }
.content .navi .navi-list li a span.spirit1{background-position: 0 0;}
.content .navi .navi-list li a span.spirit2{background-position: 0 -28px;}
.content .navi .navi-list li a span.spirit3{background-position: 0 -56px;}
.content .navi .navi-list li a span.spirit4{background-position: 0 -84px;}
.content .navi .navi-list li a span.spirit5{background-position: 0 -112px;}
.content .navi .navi-list li a span.spirit6{background-position: 0 -140px;}
.content .navi .navi-list li a span.spirit7{background-position: 0 -168px;}
.content .navi .navi-list li a span.spirit8{background-position: 0 -196px;}
.content .navi .navi-list li a:hover{background: #353535;}
.content .navi .navi-list li a:hover span{color:#fff;}
.content .navi .navi-list li.active:after{content:"";width:0;height:0;position: absolute;left:160px;top:50%;margin-top:-9px;border-width:9px 10px;border-style: solid;border-color:transparent #f6f7f9 transparent transparent;}
.content .navi .navi-list li.active a{background: #353535;}
.content .navi .navi-list li.active a span{color:#fff;}
.content .navi .navi-list li.active a span.spirit1{background-position: -28px 0;}
.content .navi .navi-list li.active a span.spirit2{background-position: -28px -28px;}
.content .navi .navi-list li.active a span.spirit3{background-position: -28px -56px;}
.content .navi .navi-list li.active a span.spirit4{background-position: -28px -84px;}
.content .navi .navi-list li.active a span.spirit5{background-position: -28px -112px;}
.content .navi .navi-list li.active a span.spirit6{background-position: -28px -140px;}
.content .navi .navi-list li.active a span.spirit7{background-position: -28px -168px;}
.content .navi .navi-list li.active a span.spirit8{background-position: -28px -196px;}
.content .navi .navi-list li a:hover span.spirit1{background-position: -28px 0;}
.content .navi .navi-list li a:hover span.spirit2{background-position: -28px -28px;}
.content .navi .navi-list li a:hover span.spirit3{background-position: -28px -56px;}
.content .navi .navi-list li a:hover span.spirit4{background-position: -28px -84px;}
.content .navi .navi-list li a:hover span.spirit5{background-position: -28px -112px;}
.content .navi .navi-list li a:hover span.spirit6{background-position: -28px -140px;}
.content .navi .navi-list li a:hover span.spirit7{background-position: -28px -168px;}
.content .navi .navi-list li a:hover span.spirit8{background-position: -28px -196px;}
/*主体正文样式*/
.content .content-main{padding:0 15px;}
.content .content-main h1.title{font-size: 24px;color:#5b5b5b;height:70px;line-height: 70px;}
.content .content-main h1.title img{width:28px;height:28px;}
.content .content-main h1.title span{vertical-align: middle;margin-left: 5px;}
.content .content-main h1.title a.switch-list{font-size: 14px;color:#969696;font-weight: bold;position: relative;margin-left: 20px;}
.content .content-main h1.title a.switch-list.active{color:#000;}
.content .content-main h1.title a.switch-list.active:after{content: "";position: absolute;width:56px;height:6px;left:0;top:100%;background: url(../img/channel/list_select.png) no-repeat 0 0;background-size: 56px 6px;}
.content .content-main .data-detail{}

.content .content-main .switch-item-list{box-shadow: 0 0 3px 1px #ecedf0;}
.content .content-main .switch-item-list li{float: left;width:50%;}
.content .content-main .switch-item-list li a{display: block;border:1px solid #d7d9dc;height: 37px;line-height: 37px;font-size: 16px;color:#969696;background: #fff;padding-left: 20px;}
.content .content-main .switch-item-list li.active a{background: #58b8fa;color:#fff;border:none;height: 38px;line-height: 38px;}

.content .content-main .data-detail .left-side{width:520px;margin-right:15px;}
.content-main .data-detail .left-side .left-side-info{height:266px;padding-left: 20px;margin-bottom: 20px;background: #fff;*zoom:1;box-shadow: 0 0 3px 1px #ecedf0;}
.data-detail .left-side .left-side-info h1.data-title{font-size: 14px;color:#000;font-weight: bold;margin:13px 0 38px 0;}
.data-detail .left-side .left-side-info .data-detail-list li{width:250px;margin-bottom: 55px;float: left;}
.data-detail .left-side .left-side-info .data-detail-list li img{margin-right: 16px;width:52px;height:52px;}
.user-flow{font-size: 30px;font-family: Helvetica;/*margin-top: 2px;*/position: relative;}
.user-flow span.unit{font-size: 12px;color:#5b5b5b;margin-left: 10px;vertical-align: 2px;}
.user-flow1{color:#93d5ff;}
.user-flow2{color:#99db88;}
.user-flow3{color:#f7ae5f;}
.user-flow4{color:#f1d75c;}
.user-flow5{color:#bfbcc5;}
.user-flow6{color:#ff864b;}
.user-flow7{color:#f1756c;}
.user-flow8{color:#f1cf2e;}
.user-flow9{color:#fe93a7;}
.user-types{color:#5b5b5b;font-size: 12px;text-indent: 6px;}

.content .content-main .data-detail .right-side{width:220px;padding:0 15px 0 20px;background: #fff;box-shadow: 0 0 3px 1px #ecedf0;}
.content-main .data-detail .right-side h1.data-title{font-size: 14px;color:#000;font-weight: bold;margin:13px 0 38px 0;}
.content-main .data-detail .right-side .data-detail-list li{height:142px;border-bottom: 1px solid #dcdcdc;margin-bottom: 27px;}
.content-main .data-detail .right-side .data-detail-list li.last-item{border:none;}
.data-detail .right-side .data-detail-list li .profit{margin-bottom: 22px;}
.data-detail .right-side .data-detail-list li .profit img{width:52px;height:52px;}
.data-detail .right-side .data-detail-list li .profit span{font-size: 12px;color:#5b5b5b;vertical-align: middle;margin-left: 18px;}
.data-detail .right-side .data-detail-list li .profit-num{position: relative;}
.data-detail .right-side .data-detail-list li .profit-num span.left{font-size: 35px;color:#5d5d5d;font-family: Helvetica;}
.data-detail .right-side .data-detail-list li .profit-num span.right{font-size: 12px;color:#5d5d5d;position: absolute;right: 0;bottom: 6px;}

.content .content-main .data-trend{margin:20px 0;width:760px;background: #fff;padding:15px;box-shadow: 0 0 3px 1px #ecedf0;}
.content .content-main .data-trend .data-trend-title{margin: 0 0 12px;}
.content .content-main .data-trend .data-trend-title span{font-size: 14px;color:#000;font-weight: bold;}
.data-trend .data-trend-title .user-type-list{}
.data-trend .data-trend-title .user-type-list li{float: left;margin-right: 8px;position: relative;}
.data-trend .data-trend-title .user-type-list li a{display: block;font-size: 12px;color:#969696;width: 60px;height:20px;line-height: 20px;text-align: center;background: #dcdedf;border-radius: 3px;}
.data-trend .data-trend-title .user-type-list li a:hover{background: #d0d3d4;}
.data-trend .data-trend-title .user-type-list li.active a{color:#fff;background: #58b8fa;}
.data-trend .data-trend-title .user-type-list li.active a:hover{background: #37a8f6;}
.data-trend .data-trend-title .user-type-list li.active:after{content:"";position: absolute;left:50%;margin-left:-4px;top:100%;width:0;height:0;border:4px solid transparent;border-top-color: #58b8fa;}
.content .content-main .data-trend .data-trend-img{}

.content .content-main .data-rate{margin-bottom: 20px;}
.content .content-main .data-rate .data-rate-list{width:230px;height:200px;margin-right: 20px;background: #fff;padding-left: 20px;float: left;position: relative;box-shadow: 0 0 3px 1px #ecedf0;}
.data-rate .data-rate-list .data-title{font-size: 14px;color:#000;font-weight: bold;margin-top:13px;}
.data-rate .data-rate-list .containers{width:150px;height:150px;margin:10px auto 0;}
.data-rate .data-rate-list .container-hover{width: 130px;height: 130px;line-height: 130px;font-size: 35px;color:#5d5d5d;border-radius: 50%;background:#fff;position: absolute;left: 68px;top: 50px;text-align: center;}

.content .content-main .data-user{height:160px;background: #fff;padding-left: 20px;margin-bottom: 20px;box-shadow: 0 0 3px 1px #ecedf0;}
.content .content-main .data-user h1.data-title{font-size: 14px;color:#000;font-weight: bold;margin:13px 0 38px 0;}
.content .content-main .data-user .data-user-list li{float: left;width:250px;margin-right: 10px;}
.content .content-main .data-user .data-user-list li.first-item{margin: 0 25px 0 145px;}
.content .content-main .data-user .data-user-list li img{margin-right: 16px;width:52px;height:52px;}

.content .content-main .data-statistics{padding:13px 20px 20px;height:812px;background: #fff;margin-bottom: 20px;position: relative;box-shadow: 0 0 3px 1px #ecedf0;}
.content .content-main .data-statistics-low{height:557px;}
.content .content-main .data-statistics-middle{height: 427px;}
.content .content-main .data-statistics-high{height:957px;}
.content .content-main .data-statistics-other{padding-top:22px;min-height:939px;}
.content .content-main .data-statistics .data-title{margin:0 0 14px;}
.content .content-main .data-statistics-other .data-title{margin-bottom: 24px;}
.content .content-main .data-statistics .data-title span{font-size: 14px;color:#000;font-weight: bold;}
.content .content-main .data-statistics .channel-list{}
.content .content-main .data-statistics .channel-list li{float: left;margin-right: 19px;position: relative;}
.content .content-main .data-statistics .channel-list li a{display: block;font-size: 14px;color:#969696;font-weight: bold;}
.content .content-main .data-statistics .channel-list li img{position: absolute;top:100%;left:0;width:56px;height:6px;}
.content .content-main .data-statistics .channel-list li img.user-trade{width:84px;}
.content .content-main .data-statistics .channel-list li img.channel-partner{width:132px;}
.content .content-main .data-statistics .channel-list li.active a{color:#000;}
.content .content-main .data-statistics .search-con{position: relative;margin-right: 14px;}
.content .content-main .data-statistics .search-con input{width:166px;height:11px;border:1px solid #d7d9dc;color:#bbb;padding: 6px 20px 6px 7px;font-size: 12px;border-radius: 3px;}
.content .content-main .data-statistics .search-con input:focus{color:#666;border-color:#57c3fb;}
.content .content-main .data-statistics .search-con .icon-search{position: absolute;top:0;right:7px;}
.content .content-main .data-statistics .search-con .icon-search img{width:16px;height:16px;}
.content .content-main .data-statistics .add-message{padding: 0 19px 0 17px;height:25px;background: #58b8fa;border-radius: 3px;}
.content .content-main .data-statistics .add-message img{margin-right:3px;width:14px;height:14px;}
.content .content-main .data-statistics .add-message span{vertical-align: middle;color:#fff;font-weight: normal;font-size: 12px;}
.content .content-main .data-statistics .pop-admin{width:183px;height:28px;line-height: 28px;position: absolute;background: #fff;font-size: 12px;border:1px solid #cdcdcd;border-radius: 3px;}
.content .content-main .data-statistics .pop-admin:after{content: "";width:0;height:0;position: absolute;}
.content .content-main .data-statistics .pop-admin span.title{color:#969696;margin-left:8px;display: inline-block;width:100px;}
.content .content-main .data-statistics .pop-admin a.btn{display: inline-block;width:30px;height:22px;line-height: 22px;text-align: center;border-radius: 3px;}
.content .content-main .data-statistics .pop-admin a.btn-cancel{background: #dcdedf;color:#969696;}
.content .content-main .data-statistics .pop-admin a.btn-confirm{background: #58b8fa;color:#fff;}
.content .content-main .data-statistics .pop-admin em.triangle{color:#cdcdcd;position: absolute;font-size: 30px;top:0;right:-10px;font-style: normal;}
.content .content-main .data-statistics .pop-admin span.triangle{position: absolute;font-size: 30px;top:0;right:-8px;color:#fff;}

.content .content-main .data-statistics .switch-main-list{border-bottom: 1px solid #ececec;padding-bottom: 7px;}
.content .content-main .data-statistics .switch-main-list li{float: left;margin-right:26px;font-size: 14px;}
.content .content-main .data-statistics .switch-main-list li a{color:#969696;}
.content .content-main .data-statistics .switch-main-list li.active a{color:#58b8fa;}

.content .content-main .data-statistics .switch-child-list{}
.content .content-main .data-statistics .switch-child-list li{border-bottom: 1px solid #ececec;height: 50px;line-height: 50px;color:#666;font-size: 12px;}
.data-statistics .switch-child-list li span.country{display: inline-block;vertical-align: middle;width:58px;}
.data-statistics .switch-child-list li span.share-ratio{display: inline-block;vertical-align: middle;width:110px;}
.data-statistics .switch-child-list li span.share-ratio-other{color:#bbb;}
.data-statistics .switch-child-list li .set-item{display: inline-block;vertical-align: middle;margin-right: 20px;position: relative;}
.data-statistics .switch-child-list li .set-item-down{margin-right: 104px;}
.data-statistics .switch-child-list li .set-item-down-setting{margin:0 0 0 360px;}
.data-statistics .switch-child-list li .set-item.special-item{margin-right: 10px;}
.switch-child-list li .set-item .drop-down-com{display: block;width:82px;height:12px;line-height: 12px;padding:8px;font-size: 12px;color:#666;}
.switch-child-list li .set-item .drop-down-com img{width:10px;height: 5px;}
.switch-child-list li .set-item .drop-down-com-other{border:1px solid #d7d9dc;background:#eef0f3;border-radius: 3px;}
.switch-child-list li .set-item .drop-down-com-js{display: block;width:82px;height:12px;line-height: 12px;padding:8px;font-size: 12px;color:#666;border:1px solid #d7d9dc;background:#eef0f3;border-radius: 3px;}
.switch-child-list li .set-item .drop-down-com-js img{width:10px;height: 5px;}
.switch-child-list li .set-item .drop-down-list{position: absolute;width:96px;left:0;top:33px;border:1px solid #d7d9dc;border-radius: 3px;background:#fff;z-index: 50;}
.switch-child-list li .set-item .drop-down-list li{border:none !important;height: 28px !important;}
.switch-child-list li .set-item .drop-down-list li .drop-down-ratio{width:80px;}
.switch-child-list li .set-item .drop-down-list li .drop-down-ratio:hover{background:#eef0f3;}
.switch-child-list li .set-item .drop-down-list li.active .drop-down-ratio{background: #57c3fb;color:#fff;}
.switch-child-list li .set-item input.check{vertical-align: middle;}
.switch-child-list li .set-item input.set-item-txt{border:1px solid #d7d9dc;border-radius: 3px;width:49px;height: 28px;padding:0 7px;font-size: 12px;color:#ffac37;}
.switch-child-list li .set-item input.set-item-txt-other{color:#bbb;}
.switch-child-list li .set-item-other input.set-item-txt{width:28px;color:#58b8fa;}
.switch-child-list li .set-item-other input.set-item-txt-other{color:#bbb;}
/*.switch-child-list li .set-item a.checkbox-wrap{display: inline-block;width:13px;height: 13px;border:1px solid #c3c3c3;border-radius: 3px;vertical-align: middle;}
.switch-child-list li .set-item a.checkbox-wrap.active{background: url(../img/price/select-box_select.png) no-repeat center;}*/
.switch-child-list li .set-item .btn{display: inline-block;width:30px;height: 22px;line-height: 22px;text-align: center;border-radius: 3px;border:none;font-size: 12px;cursor: pointer;}
.switch-child-list li .set-item .btn-cancel{background: #dcdedf;margin-right: 3px;}
.switch-child-list li .set-item .btn-confirm{background: #58b8fa;color:#fff;}
.switch-child-list li .set-item a.set-price{display: inline-block;width: 17px;height: 17px;vertical-align: middle;background: url(../img/user/setting.png) no-repeat 0 0;margin-left: 45px;background-size: 17px 34px;}
.switch-child-list li .set-item a.set-price:hover{background-position: 0 -17px;}

.content .content-main .data-statistics .pop-channel{width:220px;height:229px;position: absolute;background: #fff;font-size: 13px;border:1px solid  #cdcdcd;border-radius: 3px;padding-top: 15px;z-index: 100;}
.content .content-main .data-statistics .pop-channel p{margin-bottom: 15px;}
.content .content-main .data-statistics .pop-channel p.end-area{margin-bottom: 12px;text-align: center;}
.content .content-main .data-statistics .pop-channel span.title{font-weight: bold;display: inline-block;width:70px;text-align: right;}
.content .content-main .data-statistics .pop-channel p.end-area a{display: inline-block;width:80px;height:25px;line-height: 25px;border-radius: 3px;color:#969696;background: #dcdedf;}
.content .content-main .data-statistics .pop-channel em.triangle{color:#cdcdcd;position: absolute;font-size: 30px;top:-6px;right:-10px;font-style: normal;}
.content .content-main .data-statistics .pop-channel span.triangle{position: absolute;font-size: 30px;top:-6px;right:-8px;color:#fff;}

.content .content-main .data-detail-info{padding-left: 20px;margin-bottom: 20px;background: #fff;}
.content .content-main .data-detail-info .data-detail-info-title{font-size: 14px;font-weight: bold;color:#000;margin:13px 0 39px 0;}
.content .content-main .data-detail-info .data-detail-info-title a{color:#57c3fb;}
.content .content-main .data-detail-info .data-detail-info-item{font-size: 12px;margin-bottom: 27px;}
.content .content-main .data-detail-info .data-detail-info-item .title{font-weight: bold;display: inline-block;width:80px;text-align: right;}
.content .content-main .data-detail-info .data-detail-info-item .edit-info{display: inline-block;background: #57c3fb;color:#fff;height: 25px;line-height: 25px;text-align: center;padding:0 27px 0 29px;margin-left: 12px;border-radius: 3px;}

/*表格样式*/
.data-list-wrap{height:734px;border-bottom: 1px solid #ccc;}
.data-list-wrap-other{height:480px;border-bottom: 1px solid #ccc;}
table.data-list{border-collapse: collapse;border-spacing: 0;font-size: 12px;width:100%;}
table.data-list tr{height:47px;}
table.data-list-other tr{height:30px;}
table.data-list tr img.user-portrait{width:23px;height:23px;border-radius: 50%;}
table.data-list tr img.has-checked{width:16px;height:16px;}
table.data-list tr.odds{border-bottom: 1px solid #ccc;height: 30px;}
table.data-list tbody tr:nth-child(2n){background: #f6f7f9;}
table.data-list tr .status{font-weight: normal;}
table.data-list tr .status i{display: inline-block;width:6px;height:6px;border-radius: 50%;vertical-align: 1px;}
table.data-list tr .status i.color-1{background: #6ac652;}
table.data-list tr .status i.color-2{background: #ff5144;}
table.data-list tr .status i.color-3{background: #666;}
table.data-list tr .normal{color:#6ac652;}
table.data-list tr .error{color:#ff5144;}
table.data-list tr .wait{color:#666;}
table.data-list tr .operate-status{vertical-align: middle;margin-right: 5px;}
table.data-list tr .export-data{vertical-align: middle;}
table.data-list tr .account-info{cursor: pointer;}
table.data-list tr th,table.data-list tr td{text-align: left;padding:0 10px;}
table.data-list tr a.admin-right{display: inline-block;vertical-align: middle;}
table.data-list tr a.is-admin{width:14px;height: 17px;background: url(../img/user/admin.png) no-repeat 0 0;background-size: 14px 34px;}
table.data-list tr a.is-admin:hover{background-position: 0 -17px;}
table.data-list tr a.set-admin{width:17px;height: 17px;background: url(../img/user/setting.png) no-repeat 0 0;background-size: 17px 34px;}
table.data-list tr a.set-admin:hover{background-position: 0 -17px;}
table.data-list tr a.export-data{display: inline-block;margin-left: 5px;width:20px;height:20px;background: url(../img/channel/export_spirit.png) no-repeat 0 0;}
table.data-list tr a.export-data:hover{background-position:0 -30px;}
/*分页样式*/
.chosen-show-page{margin:14px 0 0;text-align: right;}
.chosen-show-page a{display: inline-block;vertical-align: middle;color:#969696;font-size: 12px;width:20px;height: 20px;line-height: 20px;text-align: center;border-radius: 3px;}
.chosen-show-page a img{vertical-align: initial;width:6px;height:10px;}
.chosen-show-page a.active{color:#fff;background: #58b8fa;}
.chosen-show-page a:hover{background: #eee;}
.chosen-show-page a.active:hover{color:#fff;background: #58b8fa;}
/*底部样式*/
.footer{position: relative;z-index: 10;background: #212121;height:150px;}
.footer .footer-con{margin:0 auto;width:1000px;height:150px;}
.footer .footer-con p{margin:0 0 7px 37px;color:#7b7b7b;font-size: 12px;}
.footer .footer-con p.backstage{margin:38px 0 5px 37px;}
.footer .footer-con p.backstage img{width:111px;height:45px;}
.footer .footer-con p.backstage span{vertical-align: middle;}
.footer .footer-con p.backstage span.manage-backstage{margin:0 18px 0 9px;}
/*蒙层样式*/
.modal-ground{position: fixed;width:100%;height:100%;left:0;top:0;background: #000;opacity: 0.5;filter:alpha(opacity=50);z-index: 100;}
.pop-box{position: fixed;z-index: 200;top:50%;left:50%;background: #fff;border-radius: 3px;}
.pop-box-channel{width:600px;position: fixed;margin-top:-10000px;}
.pop-box-channel .pop-box-head{height:36px;line-height: 36px;padding:0 10px 0 20px;border-bottom: 1px solid #dcdcdc;}
.pop-box-channel .pop-box-head span{font-weight: bold;color:#000;font-size: 14px;}
.pop-box-channel .pop-box-head .close img{width:14px;height:14px;}
.pop-box-channel .pop-box-con{padding-top:24px;}
.pop-box-channel .pop-box-con .pop-box-item{margin-bottom: 10px;}
.pop-box-channel .pop-box-con .pop-box-item span.title{display: inline-block;font-size: 12px;color:#00090b;font-weight: bold;width:200px;text-align: right;vertical-align: middle;}
.pop-box-channel .pop-box-con .pop-box-item span.title-other{width:125px;}
.pop-box-channel .pop-box-con .pop-box-item span.title-left{vertical-align: top;}
.pop-box-channel .pop-box-con .pop-box-item span.title-right{font-weight: normal;color:#666;vertical-align:top;text-align: left;width:230px;overflow: hidden;word-break:break-all;}
.pop-box-channel .pop-box-con .pop-box-item .title-con{display: inline-block;vertical-align: middle;width:258px;height:28px;position: relative;}
.pop-box-channel .pop-box-con .pop-box-item .title-con-other{width:auto;}
.pop-box-channel .pop-box-con .pop-box-item .title-con-other ul li{float: left;width:110px;height: 28px;}
.pop-box-con .pop-box-item .title-con-other ul li input[type=checkbox]{vertical-align: -3px;}
.pop-box-con .pop-box-item .title-con-other ul li label{vertical-align: middle;color:#00090b;font-size: 12px;}
.pop-box-con .pop-box-item .title-con input.txt{width:240px;height:10px;border:1px solid #dcdcdc;color:#bbb;font-size: 12px;padding:8px;border-radius: 3px;}
.pop-box-con .pop-box-item .title-con input.txt:focus{color:#666;border-color: #57c3fb;}
.pop-box-con .pop-box-item .title-con a.title-con-com{display: block;padding:8px;width:240px;height:10px;line-height: 10px;font-size: 12px;color:#666;}
.pop-box-con .pop-box-item .title-con a.title-con-com img{width:10px;height:5px;}
.pop-box-con .pop-box-item .title-con a.title-con-com-js{display: inline-block;width:80px;height:10px;line-height: 10px;vertical-align: middle;border:1px solid #d7d9dc;background: #eef0f3;border-radius: 3px;padding:8px;font-size: 12px;color: #666;}
.pop-box-con .pop-box-item .title-con a.title-con-com-js img{width:10px;height:5px;}
.pop-box-con .pop-box-item .title-con a.title-con-com.title-con-com-other{width:80px;display: inline-block;vertical-align: middle;}
.pop-box-con .pop-box-item .title-con a.title-con-drop{border:1px solid #d7d9dc;background: #eef0f3;border-radius:3px;}
.pop-box-con .pop-box-item .title-con .pop-box-list{position: absolute;left:0;top:33px;width:256px;border:1px solid #d7d9dc;border-radius: 3px;z-index: 50;background: #fff;}
.pop-box-con .pop-box-item .title-con .pop-box-list.pop-box-list-other{width:96px;left: 123px;}
.pop-box-con .pop-box-item .title-con .pop-box-list li a{}
.pop-box-con .pop-box-item .title-con .pop-box-list li a:hover{background: #eef0f3;}
.pop-box-con .pop-box-item .title-con .pop-box-list li.active a{color:#fff;background: #57c3fb;}
.pop-box-channel .pop-box-con .pop-box-item .title-con .check{vertical-align: middle;margin:0 5px 0 5px;}
.pop-box-channel .pop-box-con .pop-box-item .title-con .check img{width:17px;height:17px;}
.pop-box-channel .pop-box-con .pop-box-item .title-con .check.active{background: url(../img/channel/icon_checkbox_select.png) no-repeat 5px 9px;background-size: 7px 7px;}
.pop-box-channel .pop-box-con .pop-box-item .title-con .check.user-define.active{background-position: 6px 9px;}
.pop-box-channel .pop-box-con .pop-box-item .title-con .check i{font-size: 12px;font-style: normal;vertical-align: middle;}
.pop-box-channel .pop-box-con .pop-box-item .title-con .check i.normal{color:#6ac652;}
.pop-box-channel .pop-box-con .pop-box-item .title-con .check i.error{color:#ff5144;}
.pop-box-channel .pop-box-con .pop-box-item .title-con input.txt-other{width:80px;height:10px;border:1px solid #dcdcdc;color:#ffac37;font-size: 12px;padding:8px;border-radius: 3px;vertical-align: middle;}
.pop-box-channel .pop-box-con .pop-box-item .title-con input.txt-other:focus{border-color: #57c3fb;}
.pop-box-channel .pop-box-con .pop-box-item .title-con .unit-price{font-size: 12px;color:#666;vertical-align: middle;}
.pop-box-channel .pop-box-con .split-line{width:360px;height:1px;margin:22px auto;background: #dcdcdc;}
.pop-box-channel .pop-box-con .end-area{text-align: center;margin:38px 0;}
.pop-box-channel .pop-box-con .end-area .btn{display: inline-block;width:80px;height: 25px;line-height: 25px;font-size: 12px;border-radius: 3px;}
.pop-box-channel .pop-box-con .end-area .btn-cancel{color:#969696;background: #dcdedf;}
.pop-box-channel .pop-box-con .end-area .btn-confirm{color:#fff;background: #57c3fb;margin-left: 40px;}


